<!doctype html>
<html lang="en">
	<head>
		<meta charset= "utf-8"/>
		<title>Final Project - Space and Earth Exploration</title>
		<script src="scripts/SCORM_API_wrapper.js" language="javascript"></script>
		<script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
		<script src="scripts/scripts.js" language="javascript"></script>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>

	</head>
	
	<body onLoad="javascript:visitEarthpage1()">
		
			<div id="logo">
			<div><img  src="images/mastermindlogo1.png" width="230px" alt="The logo" title="The logo"/></div>
			</div><br>
					
				<header><img src="images/earth-header.png"alt="Earth Header" title="Earth Header"/></header><br/><br/>

				<nav id="navigation">
				    	<div class="barbuttons2"><a href= "home-page.html">Home</a></div>
	    				<div class="barbuttons2"><a href= "moon-page1.html">Moon</a></div>
	    				<div class="barbuttons2"><a href= "sun-page1.html">Sun</a></div>
						<div class="barbuttons2"><a href="earth-page1.html" >Earth</a></div>
					
						<div id="test-Link" ><a href="final-test.html"><strong>TEST</strong></a></div>
						</nav><br/> <br/>
			
			<section>
				<div id="container">
					 <div id="leftBar">

					  	<div><img src="images/earth.png" width="160px" height="160px" alt="Earth Image" title="Earth Image"/></div>
					  
					    <p id="leftBarText"><strong>Did You Know?</strong><br/><br/>
					     The Earth takes 23 hours, 56 minutes to rotate on its axis. </p>
					  </div>
						
				    				
						<section>
				 			 <div id="content">
				 			 <div id="video">
								   <video controls="controls"  width="455px">
										<source src="video/earth-video.mp4" type="video/mpeg"/> 
										<source src="video/earth-video.ogv" type="video/ogg"/>
									</video>
									</div><br/>
				 						 			 
				    			<article id="objectives">
				    			<p><strong>Objectives:</strong><br/>In this section, You will learn about the important features of the Earth such as its age, how it is formed and the history of life on Earth. You will also learn about Earth’s layers, Earth’s axis and climate variation factors.

				    			
				    			</p>
				    			</article><br/>
				    			
				    			<article class="topic-main-page">
				    			<p><strong>Explore</strong> the Earth formation and its age.
														...<a class="read-more" href="earth-page2.html">Read More</a>
				    			</p>
				    			</article><br/>
				    			
				    			<article class="topic-main-page">
				    			<p><strong>Explore</strong> the Earth’s spheres and layers.
														...<a class="read-more" href="earth-page3.html">Read More</a>
				    			</p>
				    			</article><br/>
				    			
				    			<article class="topic-main-page">
				    			<p><strong>Explore</strong> the Earth’s axis and climate variation factors...
										<a class="read-more" href="earth-page4.html">Read More</a>
				    			</p>
				    			</article><br/>
								
				  			</div>
				  		</section>
				  
					  <div id="rightBar2">
					  					
						<aside>
							<header>
								<p id="aside-title-audio">Audio</p>
							</header>
								<audio id="narration2" controls="controls">
									<source src="audio/earthobjective.mp3" type="audio/mp3">
									<source src="audio/earthobjective.ogg" type="audio/ogg">
								</audio><br/>
								
							<header>
								<p id="aside-title-audio">Transcript</p>
							</header>
							<div id="transcript">
									<p>The objective of this section is to learn important facts about the Earth. Explore the Earth, the Earth’s layers, You will also learn why we have days and seasons. Please click on the “read more” link to learn more.
										
							</div>
						
							</aside>>  
				  		</div>
					  
					  
					</div>
				 
					<div id="footer"><br/>
					    <a class="movingButtons" href="earth-page2.html">Next</a>	  
					</div>
		
		</section>
		
	</body>

</html>